<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="title" content="fxCanvas examples and testcases" />
		<meta name="robots" content="index, follow" />
		<meta name="description" content="Various test cases for fxCanvas" />
		<meta name="keywords" content="canvas, html5, image data, fxcanvas, getimagedata, putimagedata, todataurl, drawimage, stroketext, filltext" />
		<meta name="language" content="en" />

		<title>fxCanvas examples and testcases</title>

	</head>
	<body>
        <h1>fxCanvas, various test cases</h1>

        <ul>
        <li><a href="drawarea.html">drawarea.html</a> &lt; start from this</li>
        </ul>

        <ul>
        <strong>drawImage()</strong>
        <li><a href="test_drawImage-image.html">test_drawImage-image.html</a></li>
        <li><a href="test_drawImage-canvas.html"> test_drawImage-canvas.html</a></li>
        </ul>

        <ul>
        <strong>get/put/createImageData()</strong>
        <li><a href="image_data_example.html">image_data_example.html</a></li>
        <li><a href="fxcanvas-imagedata-tests/visual.html">fxcanvas-imagedata-tests/visual.html</a></li>
        <li><a href="fxcanvas-imagedata-tests/test.html">fxcanvas-imagedata-tests/test.html</a></li>
        <li><a href="data-structure-comparison.html"> data-structure-comparison.html</a></li>
        </ul>

        <ul>
        <strong>clipping</strong>
        <li><a href="test_clip.html">test_clip.html</a></li>
        </ul>

        <ul>
        <strong>text</strong>
          <li><a href="canvas-text.googlecode.com/svn/trunk/textposition.html">Text position</a></li>
          <li><a href="canvas-text.googlecode.com/svn/trunk/transformations.html">Transformations</a></li>
          <li><a href="canvas-text.googlecode.com/svn/trunk/animation.html">Animation</a></li>
          <li><a href="canvas-text.googlecode.com/svn/trunk/performance-native.html">Performance</a></li>
        </ul>

        <ul>
        <strong>arcs</strong>
        <li><a href="arc.html">arc.html</a></li>
        <li><a href="arcTo.html">arcTo.html</a></li>
        <li><a href="arcto-inf.html">arcto-inf.html</a></li>
        <li><a href="canvas-rounded-corners.html">canvas-rounded-corners.html</a></li>
        <li><a href="test_arc_drawing.html">test-arc-drawing.html</a> 
        </ul>

        <ul>
        <strong>animation</strong>
        <li><a href="test_particles.html">test_particles.html</a></li>
        <li><a href="test_particles_stress.html">test_particles_stress.html</a>, <b>warning</b>: may hang on browser</li>
        </ul>

        <ul>
        <strong>isPointInPath()</strong>
        <li><a href="test_isPointInPath.html">test_isPointInPath.html</a></li>
        </ul>

        <ul>
        <strong>misc</strong>
        <li><a href="test_distorted_canvas_resize.html">test_distorted_canvas_resize.html</a></li>
        <li><a href="test_cursor_style.html">test_cursor_style.html</a></li>
        <li><a href="test_dynamic_canvas.html">test_dynamic_canvas.html</a></li>
        <li><a href="w3c-events-test.html">w3c-events-test.html</a></li>
        <li><a href="test_exceptions.html">test_exceptions.html</a></li>
        <!--
        <li><a href="test_flat_document.html">test_flat_document.html</a></li>
        <li><a href="loops-test.html">loops-test.html</a></li>
        <li><a href="test_charArray_vs_fromCharCode.html"> test_charArray_vs_fromCharCode.html</a></li>
        <li><a href="test_split_vs_loop.html"> test_split_vs_loop.html</a></li>
        <li><a href="test_string_vs_int.html"> test_string_vs_int.html</a></li>
        -->
        <!--<p>&nbsp;</p>-->
        </ul>

        <ul>
            <!--<li><a href="hixie.ch/tests/adhoc/html/canvas/index.html">Hixie's canvas tests</a>, (<a href="http://hixie.ch/tests/adhoc/html/canvas/">original</a>) [failed in IE at the moment...]</li>-->
        </ul>


        <h1>Examples and Testcases</h1>

        <h2>Examples</h2>

        <ul>
        <li><a href="explorercanvas.googlecode.com/examples/example2.html">example2.html</a></li>
        <li><a href="explorercanvas.googlecode.com/examples/example3.html">example3.html</a></li>
        </ul>

        <h2>Testcases</h2>

        <ul>
            <li><a href="explorercanvas.googlecode.com/testcases/arc.html">arc.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/clearpath.html">clearpath.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/colors.html">colors.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/draw-image-flip.html">draw-image-flip.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/drawimage.html">drawimage.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/gradient.html">gradient.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/gradient2.html">gradient2.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/linewidth.html">linewidth.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/overflow.html">overflow.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/overlay.html">overlay.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/pattern.html">pattern.html</a> </li>
        <li><a href="explorercanvas.googlecode.com/testcases/quadraticcurve.html">quadraticcurve.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/stroke-scale-rotate.html">stroke-scale-rotate.html</a> 
        <li><a href="explorercanvas.googlecode.com/testcases/resizing.html">resizing.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/saverestorepath.html">saverestorepath.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/stroke-should-not-close-path.html">stroke-should-not-close-path.html</a></li>
        <li><a href="explorercanvas.googlecode.com/testcases/text.html">text.html</a></li>
        </ul>

        <h1>Examples - Canvas tutorial - MDC</h1>

        <h2>Basic usage</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/1_1_canvas_template.html">1_1_canvas_template.html</a></li>
        </ul>

        <h2>Drawing shapes</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_1_canvas_rect.html">2_1_canvas_rect.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_2_canvas_moveto.html">2_2_canvas_moveto.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_3_canvas_lineto.html">2_3_canvas_lineto.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_4_canvas_arc.html">2_4_canvas_arc.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_5_canvas_quadraticcurveto.html">2_5_canvas_quadraticcurveto.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_6_canvas_beziercurveto.html">2_6_canvas_beziercurveto.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/2_7_canvas_combined.html">2_7_canvas_combined.html</a></li>
        </ul>

        <a name="Using images"></a><h2>Using images</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/3_1_canvas_drawimage.html">3_1_canvas_drawimage.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/3_2_canvas_drawimage.html">3_2_canvas_drawimage.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/3_3_canvas_drawimage.html">3_3_canvas_drawimage.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/3_4_canvas_gallery.html">3_4_canvas_gallery.html</a></li>
        </ul>

        <h2>Applying styles and colors</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_1_canvas_fillstyle.html">4_1_canvas_fillstyle.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_2_canvas_strokestyle.html">4_2_canvas_strokestyle.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_3_canvas_globalalpha.html">4_3_canvas_globalalpha.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_4_canvas_rgba.html">4_4_canvas_rgba.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_5_canvas_linewidth.html">4_5_canvas_linewidth.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_6_canvas_linecap.html">4_6_canvas_linecap.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_7_canvas_linejoin.html">4_7_canvas_linejoin.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_8_canvas_miterlimit.html">4_8_canvas_miterlimit.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_9_canvas_lineargradient.html">4_9_canvas_lineargradient.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_10_canvas_radialgradient.html">4_10_canvas_radialgradient.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/4_11_canvas_createpattern.html">4_11_canvas_createpattern.html</a></li>
        </ul>

        <h2>Transformations</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/5_1_canvas_savestate.html">5_1_canvas_savestate.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/5_2_canvas_translate.html">5_2_canvas_translate.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/5_3_canvas_rotate.html">5_3_canvas_rotate.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/5_4_canvas_scale.html">5_4_canvas_scale.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/5_5_canvas_transform.html">5_5_canvas_transform.html</a></li>
        </ul>

        <h2>Compositing</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/6_1_canvas_composite.html">6_1_canvas_composite.html</a></li>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/6_2_canvas_clipping.html">6_2_canvas_clipping.html</a></li>
        </ul>

        <h2>Basic animations</h2>

        <ul>
        <li><a href="developer.mozilla.org/samples/canvas-tutorial/7_2_canvas_animation.html">7_2_canvas_animation.html</a></li>
        </ul>
	</body>
</html>
